var fay={};
fay.ui={};
fay.ui.FN={
 sprite:function(opt){
  return (opt  instanceof  $ ?opt:$(opt));
 }
};
fay.ui.menu=function(opt)
{
  var m=this.sprite(opt); 
  if(m.length==0)return;
  if(m.length>1)
  {
	 var r=[];
	 for(var i=0;i<m.length;i++)
	 {
	    r.push(new fay.ui.menu(m[i]));
	 }
	 return r;
  }
  var lis=m.find("li");
  var links=m.find("a");
  m.wrapInner("<div class='inner'></div>");
  m.wrapInner("<div class='outer'></div>")
  m.wrapInner("<div class='main-menu'></div>");
  lis.wrapInner("<span></span>");
  links.wrapInner("<span></span>");
  return m;
};
fay.ui.menu.prototype=fay.ui.FN;

fay.ui.Box=function(opt)
{
  var m=this.sprite(opt);  
  if(m.length==0)return;
  if(m.length>1)
  {
	 var r=[];
	 for(var i=0;i<m.length;i++)
	 {
	    r.push(new fay.ui.Box(m[i]));
	 }
	 return r;
  }
  m.wrapInner("<div class='inner'></div>");
  m.wrapInner("<div class='outer'></div>")  
  m.inner=m.find(".inner");  
  m.prepend("<b class='tl'></b><b class='tr'></b>");
  m.append("<b class='bl'></b><b class='br'></b>");
  return m;
};
fay.ui.Box.prototype=fay.ui.FN;
fay.ui.TitleBox=function(opt)
{
   var m=new fay.ui.Box(opt);
   m=(m.length>1?m:[m]);
   for(var j=0;j<m.length;j++)
   {
       var h=m[j].inner.find("h3");
	   var hd=h.wrap("<div class='hd'></div>").parent();
	   m[j].inner.find(".more").appendTo(hd);     
	   var n_all=hd.nextAll();
	   var bd=m[j].inner.append("<div class='bd'></div>").find(".bd");
	   for(var i=0;i<n_all.length;i++)
	   {
		  $(n_all[i]).appendTo(bd);	  
	   }
   }

   return m;
}
fay.ui.ListBox=function(opt)
{
   var m=new fay.ui.TitleBox(opt);
}